@charset "utf-8";
@import "compass";
@import "../common";

$left:760px;
$margin:40px;

/*颜色又跟会员中心的不一样了，坑爹设计 */
$info-c-header: #333;
$info-c-tip: #999;
$info-c-p: #666;

/*图片精灵*/
$info-sprite-dimensions:true;
@import "info/*.png";

$arrow-sprite-dimensions:true;
@import "arrow/*.png";

$new-sprite-dimensions:true;
@import "new/*.png";
.more_new {@include inline-block;@include new-sprite(more2);
  &:hover {@include new-sprite(more3);}
}
.more_txt {@include inline-block;@include new-sprite(more41);
  &:hover {@include new-sprite(more42);}
}

/*info 页面的公共css*/
main .info { margin-bottom: 50px;
  h1 {font-size: 24px;color: $info-c-header;}
  h2 {font-size: 18px;color: $info-c-header;}
  .cont {@extend .clearfix;margin-bottom: $margin;}
  .left {float: left;width: $left;margin-right: $margin}
  .right {float: left;width: ($max-w - $left - $margin);}

  .icon_add {position: relative;width: 15px;height: 15px;display: inline-block;margin-left: 5px;text-align: center;vertical-align: middle;
    @include transition(all,0.5s,ease-in);@include info-sprite(add);
    /*&:before {content: "";display: inline-block;position: absolute;top: 0;left: 50%;margin-left: -1px;width: 3px;height: 100%;background: $bg-primary;}
    &:after {content: "";position: absolute;left: 0;top: 50%;margin-top: -2px;display: inline-block;width: 100%;height: 3px;background: $bg-primary;}*/
  }
  .more_link {font-size: 14px;line-height: 1em;color: $info-c-p;
    &:hover {color: $font-primary-color;
      .icon_add {@include rotate(180deg);}
    }
  }
  .pageBar2 {width: $left;
    .list {float: right;}
  }
}
/* 广告条 */
.ad_bar {width: 100%;height: 110px;margin: 40px 0 35px;
  img {width: 100%;height: 100%;}
}
.ad {width: 400px;height: 208px;margin-bottom: 24px;
  img {width: 100%;height: 100%;}
}

/* 滚动屏*/
.info .slidesBox {position: relative;overflow: hidden;height: 470px;
   .wrap{ height:100%;}
   .item{display:none;position:relative;height:100%;margin:0;padding:0;z-index:1;}
   .btns{position:absolute;width: 100%;bottom:10px;z-index:3;text-align: center;}
   .btns a{width:10px;height:10px;display: inline-block;margin-right:5px;border-radius: 100%;border: 2px solid #fff;text-indent:-9999px; overflow:hidden;}
   .btns .on{background:#fff;}
   .arrow {position: absolute;width: 100%; top: 50%;margin-top: -25px; z-index: 3;
     /*.left,
     .right {width: 50px;height: 50px;border-radius: 100%;background: rgba(0,0,0,0.3);}
     .left {float: left;margin-left: -10px;
       i {margin-top: 17px;margin-left: 20px;@include triangle(9px,left,3px,#fff);}
     }
     .right {float: right;margin-right: -10px;
       i {margin-top: 17px;margin-left: 12px;@include triangle(9px,right,3px,#fff);}
     }*/
     .left {display:inline-block;float: left;margin-left: 10px;@include arrow-sprite(info_l);}
     .right {display:inline-block;float: right;margin-right: 10px;@include arrow-sprite(info_r);}

   }
 /* &:hover {
    .arrow {opacity: 1;
      .left{margin-left: 10px;}
      .right{margin-right: 10px;}
    }
  }*/

}
/*首页右侧动态*/
.info .topRight {background: $bg-white;
  .header {position: relative;height: 36px;line-height: 36px;padding: 10px 40px 15px 0;text-align: right;
    .mark {position: relative;float:left;width: 130px;margin-left: -5px;
      @include background(linear-gradient(left,#6d99ff,#3e6edf));
      &:before{content: "";position: absolute;left:0;bottom: -5px;display: inline-block;
        border-width: 3px;border-style: solid;border-color: #03357d  #03357d  transparent transparent ;
      }
      &:after{content: "";position:absolute;top: 0;right: 0;display: inline-block;
        border-width: 18px 10px;border-style: solid;border-color: transparent #fff transparent transparent;
      }
      h2 {color: $font-white-color;text-align: center;}
    }
    .btn_more {position: absolute;right: 10px;top: -6px; @include info-sprite(btn_more);@include inline-block;}
  }
  ul {height: 345px;overflow: hidden;padding: 10px 35px 10px 30px;
    li {position: relative;padding-left: 10px;padding-bottom: 13px;border-left:1px solid $border-primary-color-light;
      &:before {content: "";@include inline-block;position: absolute;left: -4px;width: 7px;height: 7px;border-radius: 100%;background: $bg-primary;}
      a {@extend .link1;color: $info-c-header;}
    }
  }
  time {display: block;line-height: 0.5rem;margin-left: 5px;margin-bottom: 9px;color: $info-c-tip;}
}

/*section 主体*/
.section {max-height: 853px;overflow: hidden;
  .header {padding-left: 20px;margin-bottom: 11px;min-height: 22px;text-align: right;
    h1 {float: left;}
  }
  article {@extend .clearfix;padding: 29px 0 0 20px;@include transition(box-shadow,0.3s,ease-in-out);
    a {display: block;margin-right: 20px;padding-bottom: 25px;border-bottom: $border-default;}
    .thumb {float: left; width: 240px;height: 150px;}
    .summary {position: relative;height: 157px;margin-left:268px;
      h2 {/*height: 62px;*/margin-top: -7px;margin-bottom: 7px;letter-spacing: 2px;line-height: 31px;}
      p {/*height: 60px;*/margin-bottom: 11px;color: $info-c-p;letter-spacing: 1px;line-height: 30px;overflow: hidden;}
      .foot {position: absolute;width: 100%;bottom: -4px;right: 0;color: $info-c-tip;text-align: right;
        time {float: left;}
        .tag {margin-left: 50px;overflow: hidden;
          .icon_tag {display: inline-block;@include info-sprite(tag);}
          span {margin: 0 5px;}
        }
      }
    }
    &:hover {background: $bg-white;box-shadow: -1px -3px 25px rgba(0,0,0,0.15);
      h2 {color: $font-primary-color;}
      a {border: none;}
      .summary .foot .tag .icon_tag {@include info-sprite(tag1);}
    }
  }
}

/*旁边的附属 信息*/
.aside {
  .header {text-align: right;margin-bottom: 15px;min-height: 22px;
    h2 {float: left;line-height: 1em;}
  }
  .card {height: 544px;overflow: hidden;padding: 30px 30px 10px;background: $bg-white;
    .top {height: 266px;overflow: hidden;text-align: center;
      .thumb {width: 340px;height: 210px;margin-bottom: 8px;}
      a {color: $info-c-header;font-size: 16px;line-height: 24px;@extend .link1;}
    }
    .bottom {padding-top: 25px;margin-top: 25px;border-top: $border-default;
      li {position: relative;margin-bottom:11px;
        &:before {content: "";position: absolute;left: 0;top: 11px;@include inline-block;width: 5px;height: 5px;border-radius: 100%;background: #ccc;}
      }
      a {@include inline-block;@extend .link1;width: 65%;margin-left: 13px;@include ellipsis;color: $info-c-header;}
      time {float: right;color: $info-c-tip;}
    }

  }
}

//热门标签
.info .hotTag {
  .ad {margin-bottom: 40px;}
  .header {margin-bottom: 15px;}
  ul {@extend .clearfix;height: 160px;overflow: hidden;}
  li {float:left;margin-right: 10px;margin-bottom: 20px;}
}


/* 资讯详情 文章 样式 */
.article {padding: 28px 30px 19px;margin-bottom: 30px;background: $bg-white;
  .header {
    h1 {width: 505px;margin: 0 auto 28px;font-size: 20px;line-height: 30px;letter-spacing: 2px;text-align: center;}
    .tip {padding-bottom: 10px;border-bottom: $border-default;color: #888;
      .from {margin-right: 30px;}
      .icon_eye {margin-right: 5px;@include info-sprite(eye);@include inline-block;}
    }
  }
  .body {color: $info-c-p;
    .summary {padding: 18px 40px;margin: 40px 0;border-radius: $border-default-radius;background: #f5f5f5;color: $info-c-p;text-indent: 2em;}
    img {max-width: 100%;}
    .main_cont {font-size: 16px;font-family: Helvetica,Tahoma,Arial,"微软雅黑", PingFang SC,STXihei,"宋体","华文细黑",sans-serif;line-height: 2em;color: #747474;

    }
  }
  .foot {padding-top: 25px;margin-top: 30px;border-top: $border-default;color: $info-c-header;
    p {margin-bottom: 10px;}
    a {color: $info-c-header;}
  }
}

/*免责声明*/
.law {padding: 28px 30px 15px;background: $bg-white;
  h3 {color: $info-c-header;}
  li {margin-bottom: 15px;color: #888;}
}
